<template>
  <div class="detail-swiper">
    <swiper class="item">
      <swiper-item v-for="item in images" :key="item">
        <img v-lazy="item" />
      </swiper-item>
    </swiper>
  </div>
</template>

<script>
import swiper from "components/common/swiper/Swiper.vue";
import swiperItem from "components/common/swiper/SwiperItem.vue";
export default {
  components: {
    swiper,
    swiperItem,
  },
  props: ["images"],
};
</script>

<style scoped>
.detail-swiper {
  margin-top: 44px;
}
.item {
  height: 300px;
  width: 100%;
}
</style>
